import React from 'react';

import TopBg from './TopBg';
import TopBgText from './TopBgText';
import PlayGame from './PlayGame';
import Intro1 from './Intro1';
import Intro2 from './Intro2';
import Intro3 from './Intro3';
import Navbar from '../../components/Header/Header';
import Intro4 from './Intro4';
const HomePage: React.FC = () => {
  // const { isMobile, isTablet, isDesktop } = useResponsive();

  return (
    <div>
      <Navbar />
      <div className="px-4  sm:px-8">
        {/* 欢迎信息 */}
        {/* <div className={`mb-8 text-center ${isMobile ? 'py-6' : 'py-10'}`}>
          
      
      </div> */}

        <TopBg />
        <TopBgText />
        <PlayGame />
        <Intro1 />
        <Intro2 />
        <Intro3 />
        <Intro4 />
      </div>
    </div>
  );
};

export default HomePage;
